﻿@using WebApp.Extensions

@Html.Scripts(
    @<script type="text/javascript">
        require(['Auth/_Login'], function (api) {
            $(function () { api.exec(); });
        });
    </script>)

<div class="featured-box featured-box-secundary default info-content">
    <div class="box-content">
        <h4>I'm a Returning Customer</h4>
        <form action="#" id="signin-form" data-bind="submit: signIn">
            <div class="row">
                <div class="form-group">
                    <div class="col-md-12" data-info="Not case sensitive" data-error="Username not found">
                        <label>Username or E-mail Address</label>
                        <input type="text" value="" class="form-control" data-bind="value: username" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <div class="col-md-12">
                        <a class="pull-right" data-bind="click: lostPassword">(Lost Password?)</a>
                        <label>Password</label>
                        <input type="password" value="" class="form-control" data-bind="value: password" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <span class="checkbox">
                        <label for="rememberme">
                            <input type="checkbox" id="rememberme" name="rememberme">Remember Me
                        </label>
                    </span>
                </div>
                <div class="col-md-6">
                    <input type="submit" value="Login" class="btn btn-primary pull-right push-bottom" data-loading-text="Loading...">
                </div>
            </div>
        </form>
    </div>
</div>